﻿@{
    ViewBag.Title = "Gallery";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script>
    $(document).ready(function () {
        PermiasCongress.util.loadGalleryImage();
    });
</script>
<div class="contentContainer">
    <div class="galleryContainer">
        <div class="galleryHeader">
            <h1>Gallery</h1>
            <p>Who we are, what we do. All kind of activites from all Indonesian students all over United States.</p>
        </div>
        <div class="photoGallery">
            <h3>Photo Gallery</h3>
            <div class="photoGalleryContentContainer">
                <div class="photoGalleryContent">
                    @for (var x =0; x < ViewBag.TotalPhotos; x++)
                    {
                        @*<a href="#"><img lsrc="@Url.Content("~/images/gallery/"+(x+1)+".jpg")" /></a>*@
                        <a href="#"><img lsrc="@Url.Content("~/images/gallery/" + (x + 1) + ".jpg")" src="@Url.Content("~/images/logo_congress_sm.png")" /></a>
                    }
                </div>
                <a href="#" class="scrollLeft"><img src="@Url.Content("~/images/arrow_left.png")" /></a>
                <a href="#" class="scrollRight"><img src="@Url.Content("~/images/arrow_right.png")" /></a>
            </div>
        </div>
        <div class="videoGallery">
            <h3>Video Gallery</h3>
            <div class="videoGalleryContentDetail">
                <p>Some of them are even captured in a video format.</p>
                <br />
               @*<p><a href="#" class="prevVideo">See previous video</a></p>
                <p><a href="#" class="nextVideo">See next video</a></p>*@
            </div>
            <div class="videoGalleryContentContainer">
                <div class="videoGalleryContent">
                    <div class="video">
                        <iframe width="360" height="240" src="http://www.youtube.com/embed/snXEHa937ws?wmode=opaque" frameborder="0" allowfullscreen></iframe>
                    </div>
                    @*<div class="video">
                        <iframe width="360" height="240" src="http://www.youtube.com/embed/qRHyBpcn56k?wmode=opaque" frameborder="0" allowfullscreen></iframe>
                    </div>*@
                </div>
            </div>
        </div>
    </div>
</div>
